@font-face {
    font-family: "Inter-Bold";
    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Inter-Medium";
    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Medium.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Inter-Regular";
    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Regular.ttf");
    font-weight: 700;
    font-style: normal;
}

img.resources-banner {
    width: 168%;
    margin-left: -34%;
    padding-bottom: 60px;
    border-radius: 48px;
}

img.resources-banner-two {
    left: -50%;
    position: relative;
    padding-bottom: 0px;
    border-radius: 48px;
}

img.resources-banner-three {
    margin-top: 3%;
    border-radius: 48px;
}

img.resources-banner-four {
    left: -52%;
    position: relative;
    padding-bottom: 30px;
    width: 590px;
    border-radius: 48px;
}

h1.rfs-title-one {
    font-size: 48px;
    padding-left: 60px;
    font-family: "Inter-Bold";
    margin-top: -10px;
    padding-bottom: 20px;
    color: #000;
}

h2.rfs-title-two {
    font-size: 48px;
    font-family: "Inter-Bold";
    margin-top: -10px;
    padding-bottom: 20px;
    color: #000;
}

h2.rfs-title-seven {
    font-size: 48px;
    font-family: "Inter-Bold";
    margin-top: -10px;
    padding-bottom: 20px;
    color: #000;
}

h3 {
    color: #000;
    font-size: 24px;
    font-family: "Inter-Bold";
}

.text {
    padding-left: 60px;
}

.text-two {
    margin-left: -16%;
}

p#textFive {
    margin-left: 13.5%;
}

p#textSix {
    margin-left: 13.5%;
}

p#textSeven {
    margin-left: 13.5%;
}

p#textEight {
    margin-left: 13.5%;
}

p#textNine {
    margin-left: 13.5%;
}

p#textTen {
    margin-left: 13.5%;
}

p#textEleven {
    margin-left: 13.5%;
}

p#textTwelve {
    margin-left: 13.5%;
}

h3.rfs-title-four {
    margin-left: 13.5%;
}

h3.rfs-title-five {
    margin-left: 13.5%;
}

h3.rfs-title-six {
    margin-left: 13.5%;
}

.sectionTwo {
    margin-top: 5%;
}

.sectionThree {
    margin-top: 5%;
}

div#thirdSection {
    padding-left: 60px;
}

.text-block ul li {
    font-size: 18px;
}

:host,
:root {
    --fa-font-solid: normal 900 1em/1"Font Awesome 6 Free";
    overflow-x: hidden;
}

@media screen and (min-device-width: 1537px) and (max-device-width: 1920px) {
    .sectionOne {
        width: 127%;
        margin-left: -5%;
        padding-right: 125px;
    }

    img.resources-banner {
        width: 150%;
        margin-left: -25%;
        padding-bottom: 60px;
        border-radius: 48px;
    }

    .sectionTwo {
        margin-top: 5%;
        width: 100%;
        margin-left: -5rem;
        padding-right: 0;
    }

    .sectionThree {
        margin-top: 5%;
        width: 130%;
        margin-left: -4.5%;
        padding-right: 120px;
    }

    img.resources-banner-three {
        margin-top: 3%;
        width: 100%;
    }

    img.resources-banner-two {
        left: 0;
        position: relative;
        padding-bottom: 30px;
        width: 100%;
    }

    img.resources-banner-four {
        left: 0;
        position: relative;
        padding-bottom: 0px;
        width: 100%;
    }
}

@media (min-width:1537px) and (max-width:1651px) {
    .sectionOne {
        width: 100%;
        margin-left: 0%;
    }

    .sectionTwo {
        width: 100%;
        margin-left: 0%;
    }

    .sectionThree {
        width: 100%;
        margin-left: 0%;
    }

    img.resources-banner {
        width: 144%;
        margin-left: -22%;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1536px) {
    img.image-esc-one {
        left: 0px;
        width: 100%;
        margin-top: 20%;
    }

    img.resources-banner-three {
        margin-top: 3%;
        width: 100%;
    }

    .text-two {
        margin-left: 0%;
    }

    p#textFive {
        margin-left: 0%;
    }

    p#textSix {
        margin-left: 0%;
    }

    h3.rfs-title-four {
        margin-left: 0%;
    }

    p#textSeven {
        margin-left: 0%;
    }

    p#textEight {
        margin-left: 0%;
    }

    p#textNine {
        margin-left: 0%;
    }

    p#textTen {
        margin-left: 0%;
    }

    p#textEleven {
        margin-left: 0%;
    }

    p#textTwelve {
        margin-left: 0%;
    }

    h3.rfs-title-five {
        margin-left: 0%;
    }

    h3.rfs-title-six {
        margin-left: 0%;
    }

    .sectionOne {
        width: 100%;
        margin-left: 0%;
    }

    .sectionTwo {
        width: 100%;
        margin-left: 0%;
    }

    .sectionThree {
        width: 100%;
        margin-left: 0%;
    }

    img.resources-banner {
        width: 144%;
        margin-left: -22%;
        padding-bottom: 60px;
    }

    img.resources-banner-four {
        left: 0%;
        position: relative;
        width: 100%;
    }

    img.resources-banner-two {
        left: 0%;
        width: 360px !important;
    }
}

@media only screen and (max-width: 1440px) {

    /* .sectionOne {
    left: 10%;
    position: relative;
}
.sectionTwo {
    margin-top: 5%;
    left: 10%;
    position: relative;
}
.sectionThree {
    margin-top: 5%;
    left: 10%;
    position: relative;
} */
    img.resources-banner-two {
        left: 0%;
        width: 360px;
    }

    img.resources-banner {
        width: 126%;
        margin-left: -12%;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1232px) {
    img.resources-banner {
        width: 100%;
        margin-left: 0%;
        padding-bottom: 60px;
        border-radius: 0px;
    }

    img.resources-banner-four {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    img.resources-banner {
        width: 100%;
        margin-left: 0%;
        padding-bottom: 60px;
        margin-top: 10px;
    }

    img.resources-banner-two {
        left: 0%;
        width: 100% !important;
    }

    h1.rfs-title-one {
        padding-left: 0px;
    }

    .text {
        padding-left: 0px;
    }

    div#thirdSection {
        padding-left: 30px;
    }
}

@media (min-width:769px) and (max-width:991px) {
    img.resources-banner {
        width: 139%;
        margin-left: -16%;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 768px) {
    img.resources-banner {
        width: 107%;
        margin-left: -4%;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 425px) {
    img.resources-banner {
        width: 108%;
        margin-left: -4%;
        padding-bottom: 25px;
        margin-top: -5%;
        border-radius: 0px;
    }

    h1.rfs-title-one {
        margin-top: 0px;
    }

}

@media only screen and (max-width: 390px) {
    p#textFour {
        font-size: 14px !important;
    }

    img.resources-banner {
        margin-left: 0%;
        width: 95%;
    }

    img.resources-banner-four {
        border-radius: 48px;
        padding-bottom: 0px !important;
    }

    h2.rfs-title-seven {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 320px) {
    h1 {
        font-size: 28px !important;
    }

    h2 {
        font-size: 28px !important;
    }

    .text-block ul li {
        font-size: 14px;
    }

    p#textFour {
        font-size: 12px;
    }
}